@event-colors: {
  red: #B21201;
  purple: #C071FD;
  orange: #FFAA01;
  cyan: #00FFF6;
  blue: #5FADF7;
}

@button-colors: {
  blue: #B7FFFF;
  orange: #C4904E;
}

.get-gradient(@dir) {
  @_dir: @dir;
  @gradient-colors: {
    blue: linear-gradient(@_dir, #64B0F7, #00000000);
    orange: linear-gradient(@_dir, #DCB773, #00000000);
  }
}

.set-border(@colors, @size) {
  each(@colors, {
    &.@{key} {
      border: unit(@size, px) solid @value;
    }
  });
}

.set-background(@colors) {
  each(@colors, {
    &.@{key} {
      background: @value;
    }
  })
}

.set-all-color(@colors) {
  each(@colors, {
    &.fill-@{key} {
      background-color: @value;
    }

    &.line-@{key} {
      color: @value;
      border: 1px solid @value;
    }
  });
}
